<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521</title>
	<style>
		ul{
			list-style: none;
		}
		.list li{
			line-height: 30px;
			height: 30px;
			font-size: 14px;
			background-image: url(list.gif);
			background-repeat: no-repeat;
			padding-left: 12px;
			background-position: 0px 13px;
/*
			左右位置通过padding-left或text-indent调整
			上下位置通过background-position
*/
		}
		.list a{
			text-decoration: none;
			color: #666;
		}
		.list span{
			font-size: 12px;
			color: #39;
			margin-left: 5px;
		}
	</style>
</head>

<body>
	<ul class="list">
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
		<li>
			<a href="#">列表前面的点用背景图片实现</a>
			<span>文字的说明</span>
		</li>
	</ul>
</body>
</html>
